<html>
<head>
    <link href="${ctx}/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="${ctx}/font-awesome/3.0.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="${ctx}/css/index.css" rel="stylesheet">
    <link href="${ctx}/bootstrap-table/1.12.0/bootstrap-table.min.css" rel="stylesheet">
    <script src="${ctx}/jquery/2.1.4/jquery.min.js"></script>
    <script src="${ctx}/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="${ctx}/bootstrap-table/1.12.0/bootstrap-table.min.js"></script>
    <script src="${ctx}/layui/layui.all.js"></script>
    <link href="${ctx}/layui/css/layui.css" rel="stylesheet">
    <style>
        .btn {
            font-size: 12px;
        }

    </style>
</head>
<body>
<div class="container-fluid">

    <div class="btn-group">
        <button id="insert_btn" class="btn btn-success">新增执行计划</button>
    </div>
    <table id="table"></table>
</div>


<script src="${ctx}/bootstrap-table/1.12.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${ctx}/bootstrap-table/1.12.0/extensions/export/bootstrap-table-export.min.js"></script>
<script src="${ctx}/js/extends.js"></script>
<script src="${ctx}/layui/layui.all.js"></script>
<link href="${ctx}/layui/css/layui.css" rel="stylesheet">
<script>

    function queryParams(opt) {
        opt.title = $("#title").val();
        opt.status = $("#status").val();
        opt.startTime = $("#startTime").val();
        opt.endTime = $("#endTime").val();
        opt.customer = $("#customer").val();
        opt.upStatus = $("#upStatus").val();
        return opt;
    };

    var table = null;

    $(function () {
        table = $('#table');
        //加载表格
        table.bootstrapTable({
            url: '/multiword/speechplanlist?id=${id}', //请求后台的URL（*）
            method: 'post', //请求方式（*）
            toolbar: '#toolbar', //工具按钮用哪个容器
            striped: true,
            dataType: "json",
            pagination: true,
            // "queryParamsType": "limit",
            singleSelect: false,
            contentType: "application/x-www-form-urlencoded",
            pageSize: 50,
            pageNumber: 1,
            search: false, //不显示 搜索框
            showColumns: false, //不显示下拉框（选择显示的列）
            sidePagination: "server", //服务端请求
            queryParams: queryParams,
            //minimunCountColumns: 2,
            pageList: [50, 100, 200, 500], //可供选择的每页的行数（*）
            //queryParams : oTableInit.queryParams,//传递参数（*）
            searchOnEnterKey: true,
            // search: true, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            strictSearch: true,
            //showColumns: true, //是否显示所有的列
            showRefresh: false, //是否显示刷新按钮
            minimumCountColumns: 2, //最少允许的列数
            clickToSelect: false, //是否启用点击选中行
            height: (document.body.clientHeight), //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "userId", //每一行的唯一标识，一般为主键列
            // showToggle: true, //是否显示详细视图和列表视图的切换按钮
            // cardView: false, //是否显示详细视图
            // detailView: false, //是否显示父子表
            // showExport: true, //是否显示导出
            exportDataType: "selected", //basic', 'all', 'selected'
            columns: [{
                checkbox: true
            }, {
                field: 'id',
                title: 'ID',
                width: '50px'

            }, {
                field: 'multiword_speech_id',
                title: '父ID',
                width: '50px'

            }, {
                field: 'amount',
                title: '执行计划每日量',
                width: '50px'

            }, {
                field: 'run_time',
                title: '执行日期',
                width: '50px'

            }, {
                field: 'taday_total',
                title: '总完成量',
                width: '50px'

            }, {
                field: 'create_time',
                title: '创建时间',
                width: '125px',
                formatter: function (value, row, index) {
                    return new Date(value).format("yyyy-MM-dd HH:mm:ss");
                }
            }, {
                field: 'create_time',
                title: '操作',
                width: '160px',
                formatter: function (value, row, index) {
                    return '<a href="javascript:void(0);" style="color: blue" onClick="edit(\'' + row.id + '\')">编辑</a>&nbsp;&nbsp;&nbsp;&nbsp;' +
                        '<a href="javascript:void(0);" style="color: brown" onClick="det(\'' + row.id + '\')">删除</a>';
                }
            }],
            responseHandler: function (res) {
                return {
                    "total": res.total, //总页数
                    "rows": res.rows //数据
                };
            }
        });

        // 查询
        $("#search_btn").click(function () {
            table.bootstrapTable('refresh');
        });


        // 新增
        $("#insert_btn").click(function () {
            layer.open({
                type: 2,
                area: ['600px', '500px'],
                fix: false, //不固定
                maxmin: true,
                shade: 0.4,
                title: '新增执行计划',
                content: '/multiword/speechplaninsert?speechid=${id}'
            });

        });

    });
    var det = function (id) {
        layer.confirm('真的删除这张图片么', function (index) {
            layer.close(index);
            $.ajax({
                url: "/multiword/speechplandelete",    //请求的url地址
                dataType: "json",   //返回格式为json
                async: true,//请求是否异步，默认为异步，这也是ajax重要特性
                data: {id: id},    //参数值,键值对
                type: "post",   //请求方式
                beforeSend: function () {
                    //请求前的处理
                },
                success: function (req) {
                    if (req.success) {
                        parent.showmsg(req.message);
                        reloadtable();


                    } else {
                        layer.msg(req.message)
                    }
                },
                complete: function () {
                    //请求完成的处理
                },
                error: function () {
                    //请求出错处理
                    alert("请重试！若在失败请联系管理员")
                }
            });
        });
    }
    // 编辑
    var edit = function (id) {
        layer.open({
            type: 2,
            area: ['600px', '500px'],
            fix: false, //不固定
            maxmin: true,
            shade: 0.4,
            title: '编辑执行计划',
            content: '/multiword/speechplaninsert?id=' + id
        });
    };

    // 审核成功tablist
    var success = function (taskid, title) {
        window.parent.iw.open({
            id: taskid,
            href: '/common/checkList?_title=' + title + '&_status=CheckSuccess',
            title: title
        });
    };

    // 审核失败
    var failure = function (taskid, title) {
        window.parent.iw.open({
            id: taskid,
            href: '/common/checkList?_title=' + title + '&_status=CheckFailure',
            title: title
        })
    };

    //状态
    var updateStatus = function (taskid) {
        if (confirm("确定修改？")) {
            $.post("/common/status", {
                taskid: taskid
            }, function (res) {
                alert(res);
            });
        }
    }

    // 删除
    var del = function (taskid) {
        if (confirm("确定删除？")) {
            $.post("/common/del/", {
                taskid: taskid
            }, function (res) {
                alert(res);
                table.bootstrapTable('refresh');
            });
        }
    };
    // 导出
    var exports = function (taskid) {
        layer.open({
            type: 2,
            area: ['600px', '500px'],
            fix: false, //不固定
            maxmin: true,
            shade: 0.4,
            title: '导出',
            content: '/export/excel/list?taskId='+taskid
        });
    };


    // 导入
    $("#upload_btn").click(function () {
        if (!$("#file")[0].files[0]) {
            alert('请先上传文件！');
        }
        var formData = new FormData();
        formData.append('file', $("#file")[0].files[0]);
        $.ajax({
            type: 'POST',
            url: '/common/saves',
            dataType: "json",
            data: formData,
            processData: false,
            contentType: false,
            success: function (data) {
                table.bootstrapTable('refresh');
                alert(data);
            }
        });

    });

    function multiword(id) {
        window.parent.iw.dialog({
            size: 'lg',
            title: '任务搜索词配置',
            href: '/common/edit/' + taskid,
            closing: function () {
                table.bootstrapTable('refresh');
            }
        });
    }

    function showmsg(msg) {
        layer.msg(msg)
    }

    function reloadtable() {
        table.bootstrapTable('refresh');
    }
</script>

</body>

</html>
